<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>welom to hotel</title>
    <script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
    <style type="text/css">
        head, body, h2, h3, div, p, img, a, ul, li, table, tr, td, form, input, option, select {
            margin: 0;
            padding: 0;
        }

        .clearfix:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;
        }

        /*
          头部css格式
         */
        .theadnav {
            height: 40px;
            border-bottom: solid 2px #A1A1A1;
            line-height: 40px;
        }

        .theadnav a {
            color: blue;
        }

        /*
          内容部分的css样式
        */
        .tbodycontext {
            width: 70%;
            margin: 0 auto;
        }

        .tbodyheadsearch {
            margin-left: 5%;
            margin-top: 20px;
        }

        .tbodyheadsearch tr {
            height: 40px;
        }

        .tbodyheadsearch tr td:nth-of-type(2n+1) {
            height: 40px;
            border: solid 1px #A1A1A1;
            border-right: none;
        }

        .tbodyheadsearch input {
            width:150px;
            height: 40px;
            border: solid 1px #A1A1A1;
            border-left: none;
        }

        .tbodyheadsearch input:last-of-type {
            height: 40px;
            width: 40px;
        }
        #addSearchShow div p{
            float: left;
            width: 20%;
        }
        #showHotelName p{
            float: left;
            width: 15%;
        }
        .addsalelevelsearch div {
            margin-top: 15px;
        }

        .navsearchrank a {
            width: 50px;
            height: 30px;
            border: solid 1px #A1A1A1;
            background-color: #9BCD9B;
            text-decoration: none;
            color: black;
        }

        .navsearchrank a:hover {
            cursor: pointer;
        }

        .navsearchrank {
            margin-top: 20px;
        }

        ul li {
            list-style: none;
        }

        .contexthotel {
            height: 200px;
            border-bottom: solid 1px #A1A1A1;
        }

        .contexthotel div {
            position: relative;
            float: left;
            width: 25%;
            margin-top: 15px;
        }


        .controlhotelimage {
            display: none;
            position: absolute;
            left: 90%;
            top: 0%;
            height: 400px;
            width: 400px;
        }

        .contexthotel a {
            width: 80px;
            height: 30px;
            background-color: blue;
            color: white;
            text-decoration: none;
        }

        .hotelpaging ul {
            float: left;
            width: 65%;
            margin-top: 20px;
            margin-left: 35%;
        }

        .hotelpaging ul li {
            float: left;
            height: 25px;
            width: 100px;
            border: solid 1px #A1A1A1;
            margin-left: 15px;
            text-align: center;
            color: saddlebrown;
        }
        .hotelpaging ul li a {
            text-decoration: none;
            color: saddlebrown;
        }
        .footer{
            margin-top: 160px;
            background-color: darkgray;
        }
        .footerTop ,.footerBottom{
            width: 1000px;
            margin: 10px auto;
        }
        .introduce{
            float: left;
            width: 48%;
            border-right: 1px solid gray;
        }
        .introduce p,.focus p{
            font-size: 20px;
            text-align: center;
            color: white;
            margin: 5px auto
        }
        .focus{
            float: left;
            width: 48%;
        }
        .footerBottom p{
            text-align: center;
            margin: 10px auto;
        }
        .footerBottom div{
            margin-left: 200px;
        }
    </style>
</head>
<body>
<thead>
<%@include file="pageTitle.jsp" %>
<div class="theadnav">
    &nbsp &nbsp 你所在位置: &nbsp &nbsp<a href="main.jsp">网站首页</a> >&nbsp &nbsp
    酒店预定 >
</div>
</thead>
<!-- 地点目的地搜索 酒店名字搜索 -->
<tbody class="clearfix">
<div class="tbodycontext">
    <div class="tbodyheadsearch">
        <form action="GetHotelByContextServlet" method="post">
            <table>
                <tr>
                    <td>
                        目的地
                    </td>
                    <td>
                        <input type="text" id="hoteldestination" style="width: 150px;"
                               placeholder="请输入目的地" value="北京市" name="destination" onclick="changevalue()" onchange="destinationSearch(this)"/>
                        &nbsp &nbsp &nbsp&nbsp &nbsp &nbsp&nbsp &nbsp &nbsp
                    </td>
                    <td>
                        关键词
                    </td>
                    <td>
                        <input style="width: 150px" type="text" id="searchhotelname" name="searchhotelname"
                               placeholder="请输入酒店名称" onclick="showAllHotelName()"/>
                        <span style="font-size: 25px;background-color: #CFCFCF" onclick="destinationSearch(this)">搜索</span>
                    </td>
                </tr>
            </table>
            <div style="width: 100%;height: 60px;">
                <div id = "addSearchShow"></div>
                <div id ="showHotelName" style="display: none;width: 100%;height: 40px;">
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">小米酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">如家酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">汉庭酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">天宇大酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">7天酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">莫泰酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">恒8酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">维景酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">香格里拉酒店</p>
                    <p name="searchhotelname" onclick="searchHotelName(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)">喜来登酒店</p>
                </div>
            </div>

    </div>
    <!-- 酒店搜索地址 -->
    <div class="addsalelevelsearch">
        <div id="allHotelArea">
            位置 &nbsp &nbsp &nbsp

        </div>
        <div>

            <span>价格</span> &nbsp &nbsp &nbsp
            <input type="radio" class="radiohotelsale" name="radiohotelsale" value="0"
                   onclick="destinationSearch(this)"/>
            <span style="color: red">不限</span> &nbsp &nbsp &nbsp
            <input type="radio" class="radiohotelsale" name="radiohotelsale" value="149"
                   onclick="destinationSearch(this)"/>
            ￥150以下 &nbsp &nbsp &nbsp
            <input type="radio" class="radiohotelsale" name="radiohotelsale" value="151"
                   onclick="destinationSearch(this)"/>
            ￥150以上 &nbsp &nbsp &nbsp

        </div>
        <div>
            <span>星级</span> &nbsp &nbsp &nbsp
            <input type="radio" name="hotelstar" class="hotelstar" value="0" onclick="destinationSearch(this)"/>
            <span style="color: red">不限</span> &nbsp &nbsp &nbsp
            <input type="radio" name="hotelstar" class="hotelstar" value="4" onclick="destinationSearch(this)"/>
            4星级 &nbsp &nbsp &nbsp
            <input type="radio" name="hotelstar" class="hotelstar" value="3" onclick="destinationSearch(this)">
            3星级 &nbsp &nbsp &nbsp
            <input type="radio" name="hotelstar" class="hotelstar" value="2" onclick="destinationSearch(this)"/>
            2星级 &nbsp &nbsp &nbsp
        </div>
    </div>
    <!-- 酒店展示内容排序 -->
    <div>
        <div class="navsearchrank">
            <a href="javascript:void(0);" onclick="destinationSearch(this)" onmouseover="recommendover(this)" name="priceSorted" onmouseout="recommendout(this)">推荐排序</a>
            &nbsp &nbsp &nbsp
            <a href="javascript:void(0);" onclick="destinationSearch(this)" name="priceSorted" onmouseover="recommendover(this)"  onmouseout="recommendout(this)">口碑</a>
            &nbsp &nbsp &nbsp
            <a href="javascript:void(0);" onclick="destinationSearch(this)" name="priceSorted"  onmouseover="recommendover(this)" onmouseout="recommendout(this)">价格</a>
            &nbsp &nbsp &nbsp
            <div style="width: 50%;height: 30px;">
                <p style="display: none;margin-left: 10%;" id="defaultRecommend"> 默认排序</p>
                <p style="display: none;margin-left: 20%;" id="reputationsort">点击酒店星级由高到低排序</p>
                <p style="display: none;margin-left: 30%;" id="pricesort"> 价格由低到高排序 </p>
            </div>
        </div>
        <!-- 酒店内容展示 -->
        <div>
            <ul id="javahotelcontext">

            </ul>
        </div>
    </div>
    <!-- 分页 -->
    <div class="hotelpaging">
        <ul>
            <li id="hotelTotalCount">

            </li>
            <li id="hotelPageNumber">

            </li>
            <li>
                <a href="javascript:void(0);" name="hotelPage"  onclick="destinationSearch(this)">首页</a>
            </li>
            <li>
                <a href="javascript:void(0);" name="hotelPage"  onclick="destinationSearch(this)">上一页</a>
            </li>
            <li>
                <a href="javascript:void(0);" name="hotelPage"  onclick="destinationSearch(this)">下一页</a>
            </li>
            <li>
                <a href="javascript:void(0);" name="hotelPage"  onclick="destinationSearch(this)">末页</a>
            </li>

        </ul>
    </div>
</div>
</tbody>
<tfoot>
<div class="footer">
    <div class="footerTop clearfix">
        <div class="introduce">
            <p>选飞鸟，请放心</p>
            <span>近10000名旅游顾问遍布全国近43235名旅游顾问遍布全国
                        ，为您提供旅游个性化服务。</span><br>
            <span>
                        专业资质保障，累积服务600万人；真实游客点评，无后顾之忧。</span><br>
            <span>飞鸟旅游网致力于让您享受旅行本身的乐趣。</span>
        </div>
        <div class="focus">
            <div>
                <p>关注飞鸟</p>
                <img src="">
                <img src="">
            </div>
        </div>
    </div>
    <div class="footerBottom">
        <p>关于飞鸟|加入飞鸟|免责声明|联系飞鸟|建议与投诉</p>
        <div>
            <img src="./img/图片1.png">
            <img src="./img/图片2.png">
            <img src="./img/图片3.png">
            <img src="./img/图片4.png">
            <img src="./img/图片5.png">
        </div>
        <p>
            <span>飞鸟旅游网-中国在线旅游网站</span>
            <span>豫ICP备110120119号</span>
            <span>豫公网安备11491112315号</span>
        </p>
    </div>
</div>
</tfoot>

<script type="text/javascript">
    if ($("#javahotelcontext").val() == "") {
        destinationSearch($("#hoteldestination").val());
    }

    /*目的地搜索*/
    var  radiohoteladd ;
    var  radiohotelsale ;
    var  hotelstar;
    var  hotelSorted;
    var  hotelPageNo = 1 ;
    var pageresult;
    function destinationSearch(obj) {
        $("#javahotelcontext").html("");
        var desitinationval = $("#hoteldestination").val();
        var searchhotelname = $("#searchhotelname").val();
        if(obj.name == "radiohoteladd"){
            radiohoteladd = obj.value;
        }else if(obj.name == "radiohotelsale"){
            radiohotelsale =  obj.value;
        }else if(obj.name == "hotelstar"){
            hotelstar = obj.value;
        }else if(obj.name == "priceSorted"){
            hotelSorted = obj.innerHTML;
        }else if(obj.name == "hotelPage"){
            if(obj.innerHTML =="下一页"){
                hotelPageNo = pageresult[0].pageStartNo +1 ;
            }else if(obj.innerHTML =="上一页"){
                hotelPageNo = pageresult[0].pageStartNo -1 ;
            } else if(obj.innerHTML =="末页"){
                hotelPageNo = pageresult[0].hotelCount+0;
            }else{
                hotelPageNo =1;
            }
        }else if(obj.name == "destination"){
            radiohoteladd = null  ;
            radiohotelsale =null ;
            hotelstar = null ;
            hotelSorted = null ;
            hotelPageNo =1;
        }
        $.ajax({
            url: "GetHotelByContextServlet",
            type: "POST",
            data: {
                "destination": desitinationval,
                "searchhotelname": searchhotelname,
                "hotelSiteSearch": radiohoteladd,
                "radiohotelsale": radiohotelsale,
                "hotelstar": hotelstar ,
                "hotelSorted":hotelSorted,
                "hotelPageNo":hotelPageNo,
            },
            dataType: "json",
            success: function (result) {
                TraverseHotelName(result);
                showAreaHotel(desitinationval);
                showPagination(result);
            },

        })
    }
    /*模糊搜索*/
    function changevalue() {
        $.ajax({
            url:"HotelAreaServlet",
            type:"Post",
            dataType:"json",
            success:function (result) {
                addFuzzySearch(result)
            }
        })
    }
    var addSearchShownode = document.getElementById("addSearchShow");
    function addFuzzySearch(result) {
        $("#showHotelName").css({"display":"none"})
        addSearchShownode.innerHTML ="";
        for(var i=0;i<result.length;i++){
            var divnode = document.createElement("div");
            divnode.innerHTML = '<p onclick="changeAddSearch(this)" onmouseover="showpbackground(this)" onmouseout="displaypbackground(this)" style="width: 150px;height: 25px;">'
                +result[i].areaName+'</p>'
            addSearchShownode.appendChild(divnode);
        }
    }
    function changeAddSearch(objvalue) {
        var destinationnode = document.getElementById("hoteldestination")
        destinationnode.value = objvalue.innerHTML;
        addSearchShownode.innerHTML ="";
        destinationSearch(this);
    }
    function showpbackground(obj){
        obj.style.backgroundColor = "#D1D1D1";
    }
    function displaypbackground(obj){
        obj.style.backgroundColor = "white";
    }
    /*酒店名字模糊搜索*/
    function showAllHotelName() {
        addSearchShownode.innerHTML ="";
        $("#showHotelName").css({"display":"block"})
    }
    function searchHotelName(obj) {
        var hotelnamenode = document.getElementById("searchhotelname");
        hotelnamenode.value = obj.innerHTML;
        $("#showHotelName").css({"display":"none"})
    }
    /*提示信息的显示和隐藏*/
    function recommendover(obj) {
        if (obj.innerHTML == "推荐排序") {
            $('#defaultRecommend').css({'display': 'block'});
        } else if (obj.innerHTML == "口碑") {
            $('#reputationsort').css({'display': 'block'});
        } else {
            $('#pricesort').css({'display': 'block'});
        }
    }


    function recommendout(obj) {
        if (obj.innerHTML == "推荐排序") {
            $('#defaultRecommend').css({'display': 'none'});
        } else if (obj.innerHTML == "口碑") {
            $('#reputationsort').css({'display': 'none'});
        } else {
            $('#pricesort').css({'display': 'none'});
        }
    }

    /*酒店封面照片显示放大*/
    function overhotelimage(obj) {
        $(".controlhotelimage").eq(obj).css({'display': 'block'});
    }

    function outhotelimage(obj) {
        $(".controlhotelimage").eq(obj).css({'display': 'none'});
    }

    function TraverseHotelName(result) {
        var remath = 0;
        var ulnode = document.getElementById("javahotelcontext");
        for (var i = 0; i < result.length; i++) {
            var divnode = document.createElement("div");
            divnode.innerHTML = '<li class="contexthotel">' +
                '<div class="showhotelimage">' +
                '<img  onmouseover="overhotelimage(' + i + ')" onmouseout="outhotelimage(' + i + ')" src="' + result[i].hotel.pic + '" style="height: 90%;width: 95%;"/>' +

                '<img class="controlhotelimage" src=" ' + result[i].hotel.pic + '"/>' +

                '</div>' +
                '<div>' +
                '<span style="color: darkblue;font-size: 25px">'+ ++remath + '&nbsp &nbsp &nbsp '+result[i].hotel.hotelName+'</span>' + '</br></br></br>'
                +'<span style="color:chartreuse;font-size: 30px">'+ result[i].hotel.site+'</span>'
                + '</div>' +
                '<div style="text-align: center">' +
                '<span style="color:green;font-size: 30px">'+ result[i].hotel.favorite+ "&nbsp 星级"+'</span>'  + '</br></br></br>' +
                '<span style="color: blue;font-size: 30px">'+result[i].hotel.hotelPhone+'</span>'
                + '</div>' +
                '<div style="text-align: center">' +
                '<span style="color: red;font-size: 30px;">'+"￥" + result[i].hotel.price +'</span>'+ '</br></br></br>' +
                '<a href="RoomServlet?hotelid='+result[i].hotel.houseId+'" style="color: red;font-size: 30px;text-decoration: none;background-color: white;">'
                + "查看详情" + '</a>'
                + '</div>'
                + '</li>';

            ulnode.appendChild(divnode);
        }
    }

    //区域地方展示
    function showAreaHotel(obj) {
        var allHotelArea = document.getElementById("allHotelArea");
        $("#allHotelArea span").html("");
        var spannode = document.createElement("span");
        if (obj == "郑州市") {
            spannode.innerHTML ='<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value=" 二七区 " onclick="destinationSearch(this)"/>'
                + '二七区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="金水区 " onclick="destinationSearch(this)""/>'
                + '金水区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="中原区 " onclick="destinationSearch(this)"/>'
                + '中原区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "北京市") {
            spannode.innerHTML = '<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value=" 昌平区 " onclick="destinationSearch(this)"/>'
                + '昌平区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="大兴区 " onclick="destinationSearch(this)"/>'
                + '大兴区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="中原区 " onclick="destinationSearch(this)"/>'
                + '中原区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "湖北市") {
            spannode.innerHTML = '<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="武昌区 " onclick="destinationSearch(this)"/>'
                + '武昌区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="青山区 " onclick="destinationSearch(this)"/>'
                + '青山区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="洪山区 " onclick="destinationSearch(this)"/>'
                + '洪山区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "苏州市") {
            spannode.innerHTML ='<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="工业区" onclick="destinationSearch(this)"/>'
                + '工业区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="高新区" onclick="destinationSearch(this)"/>'
                + '高新区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="狮山区" onclick="destinationSearch(this)"/>'
                + '狮山区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "太原市") {
            spannode.innerHTML = '<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="迎泽区 " onclick="destinationSearch(this)"/>'
                + '迎泽区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="杏花区" onclick="destinationSearch(this)"/>'
                + '杏花区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="洪山区 " onclick="destinationSearch(this)"/>'
                + '狮山区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "徐州市") {
            spannode.innerHTML ='<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="太平区" onclick="destinationSearch(this)"/>'
                + '太平区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="杏花区" onclick="destinationSearch(this)"/>'
                + '杏花区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="洪山区 " onclick="destinationSearch(this)"/>'
                + '狮山区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "三亚市") {
            spannode.innerHTML = '<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="万柏区" onclick="destinationSearch(this)"/>'
                + '万柏区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="杏花区" onclick="destinationSearch(this)"/>'
                + '杏花区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="洪山区 " onclick="destinationSearch(this)"/>'
                + '狮山区' + ' &nbsp &nbsp &nbsp';
        } else if (obj == "上海市") {
            spannode.innerHTML = '<input type="radio" class="radiohoteladd" name="radiohoteladd" value="" onclick="destinationSearch(this)"/>'
                + '<span style="color: red">'+'不限 &nbsp &nbsp &nbsp'+'</span>'+
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="黄浦区" onclick="destinationSearch(this)"/>'
                + '黄浦区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="闵行区" onclick="destinationSearch(this)"/>'
                + '闵行区' + ' &nbsp &nbsp &nbsp' +
                '<input type="radio" class="radiohoteladd"  name="radiohoteladd" value="徐汇区" onclick="destinationSearch(this)"/>'
                + '徐汇区' + ' &nbsp &nbsp &nbsp';
        }
        allHotelArea.appendChild(spannode);
    }
    /*共多少页*/
    function showPagination(pageobj) {
        pageresult = pageobj ;
        $("#hotelTotalCount").html( '共&nbsp'+'<span style="color: blue;font-size: 20px">'+pageresult[0].hotelCount+'</span>'+'&nbsp页');
        $("#hotelPageNumber").html( '第&nbsp'+'<span style="color: springgreen;font-size: 20px;">'+pageresult[0].pageStartNo+'</span>'+'&nbsp页');
    }
</script>
</body>
</html>
